<template>
    <div class="CuserInfo">
        <div class="left_img">
            <img :src="userInfo.headimgurl?userInfo.headimgurl:require('@/assets/imgs/defulte.png')" alt="">
        </div>
        <div class="info_des">
            <p class="username">{{userInfo.nickname||"麻花藤"}}</p>
            <p class="Small wxnumber">性别：{{userInfo.sex==1?"男":"女"}}</p>
            <p class="Small region">地区：{{userInfo.province?userInfo.province+" "+userInfo.city:'中国'}}</p>
        </div>
        <span class="link iconfont icon-jiantouarrow487"></span>
    </div>
</template>

<script>
export default {
    props:{
        userInfo:Object
    }
}
</script>

<style lang="scss" scoped>
.CuserInfo{
    display: flex;
    position: relative;
    padding: 3.5rem 1rem 2rem 1rem;
    background: #fff;
    margin-bottom: 0.5rem;
    .left_img{
        width: 5rem;
        height: 5rem;
        margin-right: 0.8rem;
        img{
            width:100%;
            height: 100%;
        }
    }
    .info_des{
        .username{
            font-size: 1.2rem;
            font-weight: bold;
            padding: 0.3rem 0;
        }
        .Small{
            font-size: 0.8rem;
            color:#999;
            padding: 0.18rem 0;
        }
    }
    .link{
        position: absolute;
        bottom: 2.3rem;
        right: 1rem;
        font-size: 1.5rem;
        color: #999
    }
}
</style>
